<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>铁路12306</title>
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/12306.css"/>
</head>
<body>
    <!--[1]12306顶部布局的实现-->
    <div class="tl1">
        <img class="tl1_img" src="img/logo.jpg"/>
        <div class="tl1_sh">

            <input class="tl1_sh_inp" type="text" placeholder="搜索车票/餐饮/常旅客/相关规章"/>
            <img class="tl1_sh_img" src="img/search.png"/>

            <div class="tl1_sh_list">
                <ul>
                    <li><a href="" class="tl1_sh_a">English</a></li>
                    <li><span>|</span></li>
                    <li><a href="" class="tl1_sh_a">我的12306</a></li>
                    <li><span>|</span></li>
                    <li><a href="" class="tl1_sh_a2">登录</a></li>
                    <li><a href="" class="tl1_sh_a2">注册</a></li>
                </ul>




            </div>
        </div>
    </div>

    <!--[2]12306顶部导航实现-->
    <div class="tl2">
        <div class="tl2_cen">
            <ul>
                <li class="tl2_cen_first"><a href="" >首页</a></li>
                <li><a href="" src="img/logo.jpg">车票 &or;</a></li>
                <li><a href="">团购服务 &or;</a></li>
                <li><a href="">团购服务 &or;</a></li>
                <li><a href="">团购服务 &or;</a></li>
                <li><a href="">团购服务 &or;</a></li>
                <li><a href="">团购服务 &or;</a></li>
                <li><a href="">团购服务 &or;</a></li>
            </ul>

        </div>
    </div>

    <!--[3]12306轮播图实现-->
    <div class="tl3"></div>

    <!--[4]12306客户预约展示实现-->
    <div class="tl4">
        <ul>
            <li><img src="img/ico1.jpg"/>
                <p>
                    <a href="">重点客户预约</a>
                </p>
            </li>
            <li><img src="img/ico1.jpg"/>
                 <p>
                     <a href="">重点客户预约</a>
                 </p>
            </li>
            <li><img src="img/ico1.jpg"/>
                <p>
                    <a href="">重点客户预约</a>
                </p>
            </li>
            <li><img src="img/ico1.jpg"/>
                <p>
                    <a href="">重点客户预约</a>
                </p>
            </li>
            <li><img src="img/ico1.jpg"/>
                <p>
                    <a href="">重点客户预约</a>
                </p>
            </li>
            <li><img src="img/ico1.jpg"/>
                <p>
                    <a href="">重点客户预约</a>
                </p>
            </li>
            <li><img src="img/ico1.jpg"/>
                <p>
                    <a href="">重点客户预约</a>
                </p>
            </li>
        </ul>
    </div>

    <!--[5]12306会员服务-->
    <div class="tl5">
        <div><img src="img/abanner01.jpg" width="100%"/></div>
        <div class="tl5_fw"><img src="img/abanner02.jpg" width="100%"/></div>
        <div class="tl5_fw2"><img src="img/abanner03.jpg" width="100%"/></div>
        <div class="tl5_fw tl5_fw2"><img src="img/abanner04.jpg" width="100%"/></div>
    </div>

    <!--[6]12306更多内容-->
    <div class="tl6">
        <span>铁路旅游</span>
        <a>更多&gt;</a>
    </div>

    <!--[7]12306铁路旅游信息展示-->
    <div class="tl7">
        <div>
           <div class="tl7_img">
               <img src="img/scope1.jpg" width="100%"/>
               <p class="tl7_p1">"环西部火车游” 高品质旅游版专线列车</p>
               <p class="tl7_p2">&yen;&nbsp;999</p>
           </div>
        </div>

        <div class="tl7_div1">
            <div class="tl7_img">
                <img src="img/scope1.jpg" width="100%"/>
                <p class="tl7_p1">"环西部火车游” 高品质旅游版专线列车</p>
                <p class="tl7_p2">&yen;&nbsp;999</p>
            </div>
        </div>
        <div class="tl7_div1">
            <div class="tl7_img">
                <img src="img/scope1.jpg" width="100%"/>
                <p class="tl7_p1">"环西部火车游” 高品质旅游版专线列车</p>
                <p class="tl7_p2">&yen;&nbsp;999</p>
            </div>
        </div>
        <div class="tl7_div1">
            <div class="tl7_img">
                <img src="img/scope1.jpg" width="100%"/>
                <p class="tl7_p1">"环西部火车游” 高品质旅游版专线列车</p>
                <p class="tl7_p2">&yen;&nbsp;999</p>
            </div>
        </div>
        <div class="tl7_div2">
            <div class="tl7_img">
                <img src="img/scope1.jpg" width="100%"/>
                <p class="tl7_p1">"环西部火车游” 高品质旅游版专线列车</p>
                <p class="tl7_p2">&yen;&nbsp;999</p>
            </div>
        </div>
        <div class="tl7_div1 tl7_div2">
            <div class="tl7_img">
                <img src="img/scope1.jpg" width="100%"/>
                <p class="tl7_p1">"环西部火车游” 高品质旅游版专线列车</p>
                <p class="tl7_p2">&yen;&nbsp;999</p>
            </div>
        </div>
        <div class="tl7_div1 tl7_div2">
            <div class="tl7_img">
                <img src="img/scope1.jpg" width="100%"/>
                <p class="tl7_p1">"环西部火车游” 高品质旅游版专线列车</p>
                <p class="tl7_p2">&yen;&nbsp;999</p>
            </div>
        </div>
        <div class="tl7_div1 tl7_div2">
            <div class="tl7_img">
                <img src="img/scope1.jpg" width="100%"/>
                <p class="tl7_p1">"环西部火车游” 高品质旅游版专线列车</p>
                <p class="tl7_p2">&yen;&nbsp;999</p>
            </div>
        </div>

    </div>

    <!--[8]12306铁路信息位置展示-->
    <div class="tl8">
        <div class="tl8_div2">最新发布</div>
        <div class="tl8_div">常见问题</div>
        <div class="tl8_div">信用信息</div>
    </div>

    <!--[9]12306铁路信息位置展示-->
    <div class="tl9">
        <div class="tl9_msg1">
            <ul type="square">
                <li>
                    <a>公告</a>
                    <span>2021-02-5</span>
                </li>
                <li>
                    <a>中国铁路郑州局集团有限公司关于2021年3月11日</a>
                    <span>2021-02-6</span>
                </li>
                <li>
                    <a>公告</a>
                    <span>2021-02-7</span>
                </li>
                <li>
                    <a>中国铁路郑州局集团有限公司关于2021年3月11日</a>
                    <span>2021-02-8</span>
                </li>
                <li>
                    <a>公告</a>
                    <span>2021-02-9</span>
                </li>
            </ul>
        </div>
        <div class="tl9_msg1">
            <ul type="square">
                <li>
                    <a>公告</a>
                    <span>2021-02-5</span>
                </li>
                <li>
                    <a>中国铁路郑州局集团有限公司关于2021年3月11日</a>
                    <span>2021-02-6</span>
                </li>
                <li>
                    <a>公告</a>
                    <span>2021-02-7</span>
                </li>
                <li>
                    <a>中国铁路郑州局集团有限公司关于2021年3月11日</a>
                    <span>2021-02-8</span>
                </li>
                <li>
                    <a>公告</a>
                    <span>2021-02-9</span>
                </li>
            </ul>
        </div>
    </div>

    <!--[10]12306铁路信息位置展示-->
    <div class="tl10"></div>
    <div class="tl11">
        <ul>
            <li>版权所有©2008-2022 中国铁道科学研究院集团有限公司</li>
            <li>京公网安备 11010802038392号 | 京ICP备05020493号-4 | ICP证：京B2-20202537</li>
        </ul>
    </div>
</body>
</html>